<template>
  <div class="swper">
    <van-swipe :autoplay="3000">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <img v-lazy="image" :src="image"  style="width: 100%;height: 100%"/>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>


<script>
  import Vue from 'vue';
  import { Lazyload } from 'vant';
  Vue.use(Lazyload,{loading:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1533554786030&di=e513a87c587b7003c9cc59d005e4e9e5&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F017ebd58d921baa801219c775b6f3b.gif "});
  export default {
        name: "banner",
      data() {
        return {
          images: [
            'https://www.baidu.com/img/baidu_jgylogo3.gif',
            'https://www.baidu.com/img/baidu_jgylogo3.gif',
            'https://www.baidu.com/img/baidu_jgylogo3.gif'
          ]
        }
      }
    }
</script>

<style scoped>

  .swper{
    height: 200px;
  }
  .van-swipe{
    height: 100%;
  }

</style>
